/***************************背景图像固定******************************/

.bg-parent{
    background: transparent !important;
}
$background_attachment:(
    fixed:fixed,
    local:local,
    scroll:scroll
);
@each $key,$value in $background_attachment{
    .bg-#{$key}{
        background-attachment: $value;
    }
}

/***************************背景图像裁剪******************************/
$background_clip:(
    border:border-box,
    padding:padding-box,
    content:content-box,
    text:text
);
@each $key,$value in $background_clip{
    .bg-clip-#{$key}{
        background-clip: $value;
    }
}

/***************************背景图像位置******************************/
$background_position:(
    bottom:bottom,
    center:center,
    left:left,
    left-bootom:left bootom,
    left-top:left top,
    right:right,
    right-bootom:right bootom,
    right-top:right top,
    top:top,
);
@each $key,$value in $background_position{
    .bg-#{$key}{
        background-position:$value;
    }
}

/***************************背景图像位置******************************/
$background_repeat:(
    repeat:repeat,
    no-repeat:no-repeat,
    repeat-x:repeat-x,
    repeat-y:repeat-y,
    repeat-round:repeat-round,
    repeat-space:repeat-space,
);
@each $key,$value in $background_repeat{
    .bg-#{$key}{
        background-repeat:$value;
    }
}
/***************************背景图像大小******************************/
$background_size:(
    auto:auto,
    cover:cover,
    contain:contain
);
@each $key,$value in $background_size{
    .bg-#{$key}{
        background-size:$value;
    }
}